{%include "topo_180plus.html"%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				<div id="topoclassi">
					<div class="slider_gigante">
						{%for gigante in publicidadeGigante%}
						<a href="{{gigante.url}}"><img src="{{MEDIA_URL}}{{gigante.thumbnail}}"/></a>
						{%endfor%}
					</div>
				</div>
				<div class="box_titulo" style="border-bottom: 5px solid #ccc; background: #fff; border-radius: 8px 8px 0 0; padding-left: 10px; margin: 15px 0 30px 0; height:60px;">
					<div class="logo_padrao_menor">
						<a href="#" title="Classi180 anuncie aqui!" ><img src="{{MEDIA_URL}}imagens/logo.png"></a> 
					</div>
					<h4 class="titulo_anuncio" style="margin: 14px;"><a href="#" style="font-size: 30px; font-weight: bold; color:#FF9E0D;">Blog classi180</a></h4>
	               	<form accept-charset="utf-8" method="get" action="/buscanoticia/" id="busca-topo" class="form_busca blogclassi180" name="busca-padrao">
	                   	<fieldset>
		                    <input type="text" id="busca_campo" name="busca" class="busca_inicial" value="Buscar no blog" />
		                    <input type="submit" value="Buscar"/>
	           	       </fieldset>
				    </form>
				</div>
				<div id="box_index">
					<div id="box_esquerda_index">
						<div id="box_blog" style="padding: 0 0 0 10px;">
							<ul class="box_anuncios blog_classi">
								<li class="linha">
									<a href="/postblog/{{noticia.id}}" style="font-size: 24px;">{{noticia.titulo}}</a><span class="qtd_comentarios">{{comentariosAnuncio.count}}</span>
									<br><span>{{noticia.publicacao}} <a style="font: normal 12px arial; color:#FF9E0D;">Classi News</a></span>
									<p style="margin: 10px 0 0 0;">{{noticia.conteudo}}</p>
									<p class="blog_social">Compartilhe:
										<a href="javascript: void(0);" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]={{noticia.titulo}}&p[summary]={{noticia.conteudo|truncatewords:'45'}}&p[url]=http://classi180.com/postblog/{{noticia.id}}/&p[images][0]=http://classi180.com/media/imagens/logo.png','ventanacompartir', 'toolbar=0, status=0, width=650, height=450');" class="social_blog blog_fb" title="Compartihe no Facebook"></a>
										<a href="http://twitter.com/?status={{noticia.titulo}} http://classi180.com/postblog/{{noticia.id}} &#64;classi180" target="_blank" class="social_blog blog_tw" title="Compartihe no Twitter"></a>
										<a href="https://plus.google.com/share?url=http://classi180.com/postblog/{{noticia.id}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="social_blog blog_gm" title="Compartihe no Google+"></a>
										<a class="blog_comente">Comente</a>
									</p>
								</li>
							</ul>						
						</div>
						<div id="box_comentarios">
	                    	<div id="nav_comentarios">
	                    		<h4>COMENTaRIOS</h4>
	                            <span class="qtd_comentarios">{{comentariosAnuncio.count}}</span>
	                            <p>Comentando no classi180, voce concorda com os <a href="#">termos de uso</a>.</p>
	                        </div>
							<ul id="lista_comentarios">
								{%for comentario in comentariosAnuncio%}
									<li class="comentario">
										<div class="id_comentario">
											<span class="qtd_comentarios"></span>
											<strong>{{comentario.user.username}}</strong>
											<p>{{comentario.submit_date}}</p>
										</div>
										<div class="txt_comentario">
											<p>{{comentario.comment}}</p>
										</div>
									</li>
								{%endfor%}
							</ul>
							<div id="box_novo_comentario">
								{%if request.user.is_authenticated%}
							<strong>{{request.user.username}}</strong>
							{%else%}
							<strong>Visitante</strong>
							<p><a href="#">Faca o login</a> da sua conta 180plus para exibir seu nome</p>
							<div class="qtd_char">400</div>
							{%endif%}
							<form action="/anuncio/{{anuncio.id}}/" method="post"> {%csrf_token%}
							<textarea name = "comentText" cols="0" rows="0" style="overflow: hidden; min-height: 16px;">Digite seu comentario</textarea>
							
							
							<div class="recaptcha-cont">
								<input type="text" id="recaptcha-response-field" name="recaptcha-response-field" autocomplete="off" value="Digite o codigo ao lado">
								<div class="recaptcha-img">
									<img src="{{MEDIA_URL}}imagens/img-captcha.jpg" />
								</div>
								<button class="recaptcha-reload" type="button"><span>Atualizar imagem</span></button>
							    <input type="submit" class="recaptcha-enviar botao-padrao entrar" value = "Comentar"></input>
							</div>
							</form>
							</div>						
						</div>						
					</div>	
					<div id="box_direita_index">
						<div class="box_cat_blog">
							<div class="box_titulo">
								<h4 class="titulo_anuncio" style="font-weight: bold;">Categorias</h4>
							</div>
							<ul class="lista_catblog">
								<li><a href="/buscablog/?categoria=pro">Promocoes</a></li>
								<li><a href="/buscablog/?categoria=nov">Novidades</a></li>
								<li><a href="/buscablog/?categoria=var">Variados</a></li>
								<li><a href="/buscablog/?categoria=seg">Seguranca</a></li>
								<li><a href="/buscablog/?categoria=tec">Tecnologia</a></li>
								<li><a href="/buscablog/?categoria=dic">Dicas</a></li>
							</ul>
						</div>
						<div class="socialtw_right">
							<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
							<script>
								new TWTR.Widget({
								  version: 2,
								  type: 'profile',
								  rpp: 10,
								  interval: 30000,
								  width: 300,
								  height: 215,
								  theme: {
								    shell: {
								      background: '#3cbfd6',
								      color: '#ffffff'
								    },
								    tweets: {
								      background: '#ffffff',
								      color: '#000000',
								      links: '#ff9e0d'
								    }
								  },
								  features: {
								    scrollbar: true,
								    loop: false,
								    live: false,
								    behavior: 'default'
								  }
								}).render().setUser('classi180').start();
							</script>
						</div>
						<div class="socialfb_right">
							<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/classi180&amp;width=300&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:400px;" allowTransparency="true"></iframe>				
						</div>
						<div class="unit_right pub_right">
							<a href="#" title="Publicidade 2" ><img src="imagens/pub3.png">Publicidade 2</a> 
						</div>						
					</div>
				</div>
			</div>
		</div>
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>